<!DOCTYPE html>
<!-- 声明html5标准 -->
<html lang='zh'>
<!-- 这个主要是给搜索引擎看的，搜索引擎不会去判断该站点是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是中文站
对html页面本身不会有影响,这些现在都是html规范，你的页面越规范，就越容易被收录 -->

<head>
    <meta charset='UTF-8'>
    <!-- 声明使用UTF-8 Unicode编码，UTF-8编码优先采用的编码 -->
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <!--  X-UA-Compatible是针对IE新加的一个设置 声明兼容到edge -->
    <meta name='viewport' content='width=device-width, initial-scale=no'>
    <!--width:可视区域的宽度，值可为数字或关键词device-width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 -->
    <title>Document</title>
    <script src="./js/vue.js"></script>
    <style>
        .style{
            justify-content: space-between;
        }
    </style>
</head>

<body>
    <div id="root">
        <!-- 用来装大标题 -->
        <div v-for="(item,index) in class1" :key="index">
            <div style="display:flex;justify-content: space-between;">
                <div>{{item.sectionName}}</div>
                 <div>下载</div>
            </div>
            <div v-for="value in item.subSections" :key="value.sectionId" @click="goVideo(value.sectionId)">
                {{value.sectionName}}
            </div>
        </div>
    </div>
</body>
<script>
    new Vue({
        el: '#root',
        //数据
        data: {
            class1: [
            {
                "params": {},
                "sectionId": 1032,
                "sectionName": "第01天_HTML之HTML初始",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 1,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1033,
                        "sectionName": "开发工具的介绍",
                        "sectionType": "1",
                        "sectionVideo": 1111,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1111,
                            "fileName": "1、开发工具的介绍.mp4",
                            "fileType": "mp4",
                            "fileSize": 109995255.0000000000,
                            "duration": 1940.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:28:52",
                            "updatedTime": "2020-02-24 17:28:52"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1034,
                        "sectionName": "web标准、HTML初始",
                        "sectionType": "1",
                        "sectionVideo": 1110,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1110,
                            "fileName": "2、web标准、HTML初始.mp4",
                            "fileType": "mp4",
                            "fileSize": 69542776.0000000000,
                            "duration": 1092.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:28:44",
                            "updatedTime": "2020-02-24 17:28:44"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1035,
                        "sectionName": "常用标签",
                        "sectionType": "1",
                        "sectionVideo": 1112,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1112,
                            "fileName": "3、常用标签.mp4",
                            "fileType": "mp4",
                            "fileSize": 93493320.0000000000,
                            "duration": 1875.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:30:54",
                            "updatedTime": "2020-02-24 17:30:54"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1036,
                        "sectionName": "文本语义化标签",
                        "sectionType": "1",
                        "sectionVideo": 1114,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1114,
                            "fileName": "4、文本语义化标签.mp4",
                            "fileType": "mp4",
                            "fileSize": 98008513.0000000000,
                            "duration": 1806.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:31:34",
                            "updatedTime": "2020-02-24 17:31:34"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1037,
                        "sectionName": "图片标签",
                        "sectionType": "1",
                        "sectionVideo": 1113,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1113,
                            "fileName": "5、图片标签.mp4",
                            "fileType": "mp4",
                            "fileSize": 84993513.0000000000,
                            "duration": 1440.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:31:30",
                            "updatedTime": "2020-02-24 17:31:30"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1038,
                        "sectionName": "锚点链接",
                        "sectionType": "1",
                        "sectionVideo": 1116,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1116,
                            "fileName": "6、锚点链接.mp4",
                            "fileType": "mp4",
                            "fileSize": 170030483.0000000000,
                            "duration": 1660.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:34:38",
                            "updatedTime": "2020-02-24 17:34:38"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1040,
                        "sectionName": "特殊字符、列表",
                        "sectionType": "1",
                        "sectionVideo": 1115,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1115,
                            "fileName": "7、特殊字符、列表.mp4",
                            "fileType": "mp4",
                            "fileSize": 54425034.0000000000,
                            "duration": 1188.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:32:26",
                            "updatedTime": "2020-02-24 17:32:26"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1041,
                        "sectionName": "总结",
                        "sectionType": "1",
                        "sectionVideo": 1117,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1032,
                        "file": {
                            "params": {},
                            "fileId": 1117,
                            "fileName": "8、总结.mp4",
                            "fileType": "mp4",
                            "fileSize": 31665291.0000000000,
                            "duration": 823.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:34:40",
                            "updatedTime": "2020-02-24 17:34:40"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1039,
                "sectionName": "第02天_HTML之表格与表单",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 2,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1042,
                        "sectionName": "作业点评",
                        "sectionType": "1",
                        "sectionVideo": 1118,
                        "canTry": "0",
                        "orderBy": 196,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1118,
                            "fileName": "1、作业点评.mp4",
                            "fileType": "mp4",
                            "fileSize": 56794081.0000000000,
                            "duration": 645.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:53:51",
                            "updatedTime": "2020-02-24 17:53:51"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1043,
                        "sectionName": "表格初始",
                        "sectionType": "1",
                        "sectionVideo": 1120,
                        "canTry": "0",
                        "orderBy": 197,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1120,
                            "fileName": "2、表格初始.mp4",
                            "fileType": "mp4",
                            "fileSize": 118725053.0000000000,
                            "duration": 1886.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:59:32",
                            "updatedTime": "2020-02-24 17:59:32"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1097,
                        "sectionName": "合并单元格",
                        "sectionType": "1",
                        "sectionVideo": 1166,
                        "canTry": "0",
                        "orderBy": 199,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1166,
                            "fileName": "03-合并单元格.mp4",
                            "fileType": "mp4",
                            "fileSize": 45586164.0000000000,
                            "duration": 783.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-25 18:10:47",
                            "updatedTime": "2020-02-25 18:10:47"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1044,
                        "sectionName": "合并单元格练习讲解",
                        "sectionType": "1",
                        "sectionVideo": 1119,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1119,
                            "fileName": "3、合并单元格.mp4",
                            "fileType": "mp4",
                            "fileSize": 23232310.0000000000,
                            "duration": 416.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:54:26",
                            "updatedTime": "2020-02-24 17:54:26"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1045,
                        "sectionName": "表单",
                        "sectionType": "1",
                        "sectionVideo": 1122,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1122,
                            "fileName": "4、表单.mp4",
                            "fileType": "mp4",
                            "fileSize": 124810378.0000000000,
                            "duration": 1577.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:00:34",
                            "updatedTime": "2020-02-24 18:00:34"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1046,
                        "sectionName": "CSS样式三种写法",
                        "sectionType": "1",
                        "sectionVideo": 1123,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1123,
                            "fileName": "5、CSS样式三种写法.mp4",
                            "fileType": "mp4",
                            "fileSize": 154314949.0000000000,
                            "duration": 2333.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:00:54",
                            "updatedTime": "2020-02-24 18:00:54"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1047,
                        "sectionName": "字体的样式属性",
                        "sectionType": "1",
                        "sectionVideo": 1121,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1121,
                            "fileName": "6、字体的样式属性.mp4",
                            "fileType": "mp4",
                            "fileSize": 78715290.0000000000,
                            "duration": 1131.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 17:59:36",
                            "updatedTime": "2020-02-24 17:59:36"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1052,
                        "sectionName": "外观属性",
                        "sectionType": "1",
                        "sectionVideo": 1129,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1129,
                            "fileName": "7、外观属性.mp4",
                            "fileType": "mp4",
                            "fileSize": 123600742.0000000000,
                            "duration": 2284.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:15:51",
                            "updatedTime": "2020-02-24 18:15:51"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1053,
                        "sectionName": "基础选择器",
                        "sectionType": "1",
                        "sectionVideo": 1125,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1125,
                            "fileName": "8、基础选择器.mp4",
                            "fileType": "mp4",
                            "fileSize": 48202776.0000000000,
                            "duration": 709.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:08:35",
                            "updatedTime": "2020-02-24 18:08:35"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1054,
                        "sectionName": "总结",
                        "sectionType": "1",
                        "sectionVideo": 1124,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1039,
                        "file": {
                            "params": {},
                            "fileId": 1124,
                            "fileName": "9、总结.mp4",
                            "fileType": "mp4",
                            "fileSize": 29909343.0000000000,
                            "duration": 534.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:07:09",
                            "updatedTime": "2020-02-24 18:07:09"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1048,
                "sectionName": "第03天_CSS之选择器",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 3,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1049,
                        "sectionName": "作业点评",
                        "sectionType": "1",
                        "sectionVideo": 1127,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1127,
                            "fileName": "1、作业点评.mp4",
                            "fileType": "mp4",
                            "fileSize": 58926481.0000000000,
                            "duration": 969.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:13:32",
                            "updatedTime": "2020-02-24 18:13:32"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1050,
                        "sectionName": "基础选择器",
                        "sectionType": "1",
                        "sectionVideo": 1126,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1126,
                            "fileName": "2、基础选择器.mp4",
                            "fileType": "mp4",
                            "fileSize": 57141563.0000000000,
                            "duration": 1085.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:13:20",
                            "updatedTime": "2020-02-24 18:13:20"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1051,
                        "sectionName": "复合选择器",
                        "sectionType": "1",
                        "sectionVideo": 1128,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1128,
                            "fileName": "3、复合选择器.mp4",
                            "fileType": "mp4",
                            "fileSize": 54831769.0000000000,
                            "duration": 1104.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:15:08",
                            "updatedTime": "2020-02-24 18:15:08"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1055,
                        "sectionName": "伪类选择器",
                        "sectionType": "1",
                        "sectionVideo": 1132,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1132,
                            "fileName": "4、伪类选择器.mp4",
                            "fileType": "mp4",
                            "fileSize": 52425329.0000000000,
                            "duration": 1000.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:23:47",
                            "updatedTime": "2020-02-24 18:23:47"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1056,
                        "sectionName": "标签显示模式",
                        "sectionType": "1",
                        "sectionVideo": 1133,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1133,
                            "fileName": "5、标签显示模式.mp4",
                            "fileType": "mp4",
                            "fileSize": 152652550.0000000000,
                            "duration": 2629.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:33:36",
                            "updatedTime": "2020-02-24 18:33:36"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1057,
                        "sectionName": "书写规范",
                        "sectionType": "1",
                        "sectionVideo": 1131,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1131,
                            "fileName": "6、书写规范.mp4",
                            "fileType": "mp4",
                            "fileSize": 36890161.0000000000,
                            "duration": 689.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:22:16",
                            "updatedTime": "2020-02-24 18:22:16"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1058,
                        "sectionName": "总结",
                        "sectionType": "1",
                        "sectionVideo": 1130,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1048,
                        "file": {
                            "params": {},
                            "fileId": 1130,
                            "fileName": "7、总结.mp4",
                            "fileType": "mp4",
                            "fileSize": 10587748.0000000000,
                            "duration": 316.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:18:46",
                            "updatedTime": "2020-02-24 18:18:46"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1059,
                "sectionName": "第04天_CSS之盒子模型",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 4,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1060,
                        "sectionName": "作业点评（一）",
                        "sectionType": "1",
                        "sectionVideo": 1135,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1135,
                            "fileName": "1、作业点评（一）.mp4",
                            "fileType": "mp4",
                            "fileSize": 32613985.0000000000,
                            "duration": 478.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:40:40",
                            "updatedTime": "2020-02-24 18:40:40"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1061,
                        "sectionName": "作业点评（二）",
                        "sectionType": "1",
                        "sectionVideo": 1137,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1137,
                            "fileName": "2、作业点评（二）.mp4",
                            "fileType": "mp4",
                            "fileSize": 38633870.0000000000,
                            "duration": 667.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:41:37",
                            "updatedTime": "2020-02-24 18:41:37"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1062,
                        "sectionName": "行高的测量",
                        "sectionType": "1",
                        "sectionVideo": 1136,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1136,
                            "fileName": "3、行高的测量.mp4",
                            "fileType": "mp4",
                            "fileSize": 27878278.0000000000,
                            "duration": 598.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:41:32",
                            "updatedTime": "2020-02-24 18:41:32"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1063,
                        "sectionName": "CSS三大特性mp4",
                        "sectionType": "1",
                        "sectionVideo": 1138,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1138,
                            "fileName": "4、CSS三大特性mp4.mp4",
                            "fileType": "mp4",
                            "fileSize": 86675679.0000000000,
                            "duration": 1536.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:44:28",
                            "updatedTime": "2020-02-24 18:44:28"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1065,
                        "sectionName": "背景",
                        "sectionType": "1",
                        "sectionVideo": 1140,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1140,
                            "fileName": "5、背景.mp4",
                            "fileType": "mp4",
                            "fileSize": 122393035.0000000000,
                            "duration": 1886.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:45:51",
                            "updatedTime": "2020-02-24 18:45:51"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1066,
                        "sectionName": "内边距",
                        "sectionType": "1",
                        "sectionVideo": 1142,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1142,
                            "fileName": "6、内边距.mp4",
                            "fileType": "mp4",
                            "fileSize": 217060395.0000000000,
                            "duration": 2773.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:50:23",
                            "updatedTime": "2020-02-24 18:50:23"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1067,
                        "sectionName": "总结",
                        "sectionType": "1",
                        "sectionVideo": 1139,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1059,
                        "file": {
                            "params": {},
                            "fileId": 1139,
                            "fileName": "7、总结.mp4",
                            "fileType": "mp4",
                            "fileSize": 20757191.0000000000,
                            "duration": 546.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:45:43",
                            "updatedTime": "2020-02-24 18:45:43"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1064,
                "sectionName": "第05天_CSS之浮动",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 5,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1069,
                        "sectionName": "盒子模型",
                        "sectionType": "1",
                        "sectionVideo": 1144,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1064,
                        "file": {
                            "params": {},
                            "fileId": 1144,
                            "fileName": "1、盒子模型.mp4",
                            "fileType": "mp4",
                            "fileSize": 185335309.0000000000,
                            "duration": 3485.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:55:25",
                            "updatedTime": "2020-02-24 18:55:25"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1070,
                        "sectionName": "浮动",
                        "sectionType": "1",
                        "sectionVideo": 1143,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1064,
                        "file": {
                            "params": {},
                            "fileId": 1143,
                            "fileName": "2、浮动mp4.mp4",
                            "fileType": "mp4",
                            "fileSize": 64175989.0000000000,
                            "duration": 1183.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:50:29",
                            "updatedTime": "2020-02-24 18:50:29"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1071,
                        "sectionName": "网页布局",
                        "sectionType": "1",
                        "sectionVideo": 1145,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1064,
                        "file": {
                            "params": {},
                            "fileId": 1145,
                            "fileName": "3、网页布局.mp4",
                            "fileType": "mp4",
                            "fileSize": 157470891.0000000000,
                            "duration": 2211.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:55:25",
                            "updatedTime": "2020-02-24 18:55:25"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1072,
                        "sectionName": "总结",
                        "sectionType": "1",
                        "sectionVideo": 1141,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1064,
                        "file": {
                            "params": {},
                            "fileId": 1141,
                            "fileName": "4、总结mp4.mp4",
                            "fileType": "mp4",
                            "fileSize": 10334419.0000000000,
                            "duration": 257.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:48:37",
                            "updatedTime": "2020-02-24 18:48:37"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1068,
                "sectionName": "第06天_CSS之定位",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 6,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1073,
                        "sectionName": "作业点评",
                        "sectionType": "1",
                        "sectionVideo": 1146,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1068,
                        "file": {
                            "params": {},
                            "fileId": 1146,
                            "fileName": "1、作业点评.mp4",
                            "fileType": "mp4",
                            "fileSize": 102159652.0000000000,
                            "duration": 1532.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:56:02",
                            "updatedTime": "2020-02-24 18:56:02"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1074,
                        "sectionName": "清除浮动",
                        "sectionType": "1",
                        "sectionVideo": 1147,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1068,
                        "file": {
                            "params": {},
                            "fileId": 1147,
                            "fileName": "2、清除浮动.mp4",
                            "fileType": "mp4",
                            "fileSize": 125378608.0000000000,
                            "duration": 2373.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:56:33",
                            "updatedTime": "2020-02-24 18:56:33"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1076,
                        "sectionName": "ps简单介绍",
                        "sectionType": "1",
                        "sectionVideo": 1148,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1068,
                        "file": {
                            "params": {},
                            "fileId": 1148,
                            "fileName": "3、ps简单介绍.mp4",
                            "fileType": "mp4",
                            "fileSize": 66583224.0000000000,
                            "duration": 1037.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 18:58:40",
                            "updatedTime": "2020-02-24 18:58:40"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1079,
                        "sectionName": "定位",
                        "sectionType": "1",
                        "sectionVideo": 1152,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1068,
                        "file": {
                            "params": {},
                            "fileId": 1152,
                            "fileName": "4、定位.mp4",
                            "fileType": "mp4",
                            "fileSize": 159809878.0000000000,
                            "duration": 2273.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:04:48",
                            "updatedTime": "2020-02-24 19:04:48"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1075,
                "sectionName": "第07天_CSS之高级技巧",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 7,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1078,
                        "sectionName": "考试点评",
                        "sectionType": "1",
                        "sectionVideo": 1150,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1075,
                        "file": {
                            "params": {},
                            "fileId": 1150,
                            "fileName": "1、考试点评.mp4",
                            "fileType": "mp4",
                            "fileSize": 77909003.0000000000,
                            "duration": 1321.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:03:08",
                            "updatedTime": "2020-02-24 19:03:08"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1080,
                        "sectionName": "高级技巧",
                        "sectionType": "1",
                        "sectionVideo": 1154,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1075,
                        "file": {
                            "params": {},
                            "fileId": 1154,
                            "fileName": "2、高级技巧.mp4",
                            "fileType": "mp4",
                            "fileSize": 149288675.0000000000,
                            "duration": 2402.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:06:32",
                            "updatedTime": "2020-02-24 19:06:32"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1081,
                        "sectionName": "溢出的文本隐藏",
                        "sectionType": "1",
                        "sectionVideo": 1153,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1075,
                        "file": {
                            "params": {},
                            "fileId": 1153,
                            "fileName": "3、溢出的文本隐藏.mp4",
                            "fileType": "mp4",
                            "fileSize": 80077548.0000000000,
                            "duration": 1298.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:04:54",
                            "updatedTime": "2020-02-24 19:04:54"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1082,
                        "sectionName": "精灵图",
                        "sectionType": "1",
                        "sectionVideo": 1151,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1075,
                        "file": {
                            "params": {},
                            "fileId": 1151,
                            "fileName": "4、精灵图.mp4",
                            "fileType": "mp4",
                            "fileSize": 59442115.0000000000,
                            "duration": 915.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:04:23",
                            "updatedTime": "2020-02-24 19:04:23"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1083,
                        "sectionName": "字体图标",
                        "sectionType": "1",
                        "sectionVideo": 1149,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1075,
                        "file": {
                            "params": {},
                            "fileId": 1149,
                            "fileName": "5、字体图标.mp4",
                            "fileType": "mp4",
                            "fileSize": 27654051.0000000000,
                            "duration": 341.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:02:55",
                            "updatedTime": "2020-02-24 19:02:55"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1077,
                "sectionName": "第08天_电商项目之京东首页（一）",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 8,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1085,
                        "sectionName": "京东商城_导航",
                        "sectionType": "1",
                        "sectionVideo": 1161,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1077,
                        "file": {
                            "params": {},
                            "fileId": 1161,
                            "fileName": "1、京东商城_导航.mp4",
                            "fileType": "mp4",
                            "fileSize": 292482938.0000000000,
                            "duration": 3363.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:18:34",
                            "updatedTime": "2020-02-25 00:45:06"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1086,
                        "sectionName": "京东商城_顶部制作",
                        "sectionType": "1",
                        "sectionVideo": 1155,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1077,
                        "file": {
                            "params": {},
                            "fileId": 1155,
                            "fileName": "1、京东商城_顶部制作.mp4",
                            "fileType": "mp4",
                            "fileSize": 49888959.0000000000,
                            "duration": 594.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:08:25",
                            "updatedTime": "2020-02-24 19:08:25"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1087,
                        "sectionName": "京东商城_头部",
                        "sectionType": "1",
                        "sectionVideo": 1160,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1077,
                        "file": {
                            "params": {},
                            "fileId": 1160,
                            "fileName": "3、京东商城_头部.mp4",
                            "fileType": "mp4",
                            "fileSize": 176575489.0000000000,
                            "duration": 2036.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:17:02",
                            "updatedTime": "2020-02-24 19:17:02"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1088,
                        "sectionName": "京东商城_ico图标",
                        "sectionType": "1",
                        "sectionVideo": 1158,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1077,
                        "file": {
                            "params": {},
                            "fileId": 1158,
                            "fileName": "4、京东商城_ico图标.mp4",
                            "fileType": "mp4",
                            "fileSize": 126966665.0000000000,
                            "duration": 1059.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:16:20",
                            "updatedTime": "2020-02-24 19:16:20"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1084,
                "sectionName": "第09天_电商项目之京东首页（二）",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 9,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1089,
                        "sectionName": "京东商城_中间内容部分",
                        "sectionType": "1",
                        "sectionVideo": 1159,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1084,
                        "file": {
                            "params": {},
                            "fileId": 1159,
                            "fileName": "1、京东商城_中间内容部分.mp4",
                            "fileType": "mp4",
                            "fileSize": 120888474.0000000000,
                            "duration": 1242.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:16:36",
                            "updatedTime": "2020-02-24 19:16:36"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1090,
                        "sectionName": "京东商城_轮播图中的小点",
                        "sectionType": "1",
                        "sectionVideo": 1156,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1084,
                        "file": {
                            "params": {},
                            "fileId": 1156,
                            "fileName": "2、京东商城_轮播图中的小点.mp4",
                            "fileType": "mp4",
                            "fileSize": 51827988.0000000000,
                            "duration": 788.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:12:44",
                            "updatedTime": "2020-02-24 19:12:44"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1091,
                        "sectionName": "京东商城_底部",
                        "sectionType": "1",
                        "sectionVideo": 1157,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1084,
                        "file": {
                            "params": {},
                            "fileId": 1157,
                            "fileName": "3、京东商城_底部.mp4",
                            "fileType": "mp4",
                            "fileSize": 72895134.0000000000,
                            "duration": 994.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:14:43",
                            "updatedTime": "2020-02-24 19:14:43"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            },
            {
                "params": {},
                "sectionId": 1092,
                "sectionName": "第10天_企业站项目之立正教育",
                "sectionType": "0",
                "canTry": "0",
                "orderBy": 10,
                "parentId": 0,
                "subSections": [
                    {
                        "params": {},
                        "sectionId": 1094,
                        "sectionName": "立正教育-企业站开发前提",
                        "sectionType": "1",
                        "sectionVideo": 1163,
                        "canTry": "0",
                        "orderBy": 199,
                        "parentId": 1092,
                        "file": {
                            "params": {},
                            "fileId": 1163,
                            "fileName": "01-企业站开发前提.mp4",
                            "fileType": "mp4",
                            "fileSize": 51220611.0000000000,
                            "duration": 958.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:29:30",
                            "updatedTime": "2020-02-24 19:29:30"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1095,
                        "sectionName": "立正教育-如何布局",
                        "sectionType": "1",
                        "sectionVideo": 1164,
                        "canTry": "0",
                        "orderBy": 200,
                        "parentId": 1092,
                        "file": {
                            "params": {},
                            "fileId": 1164,
                            "fileName": "02-如何布局.mp4",
                            "fileType": "mp4",
                            "fileSize": 42676289.0000000000,
                            "duration": 723.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:30:06",
                            "updatedTime": "2020-02-24 19:30:06"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1093,
                        "sectionName": "HTML+CSS知识点总结",
                        "sectionType": "1",
                        "sectionVideo": 1162,
                        "canTry": "0",
                        "orderBy": 201,
                        "parentId": 1092,
                        "file": {
                            "params": {},
                            "fileId": 1162,
                            "fileName": "HTML+CSS知识点总结.mp4",
                            "fileType": "mp4",
                            "fileSize": 0E-10,
                            "duration": 1404.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:21:36",
                            "updatedTime": "2020-02-24 19:21:36"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    },
                    {
                        "params": {},
                        "sectionId": 1096,
                        "sectionName": "本周考试试题讲解",
                        "sectionType": "1",
                        "sectionVideo": 1165,
                        "canTry": "0",
                        "orderBy": 202,
                        "parentId": 1092,
                        "file": {
                            "params": {},
                            "fileId": 1165,
                            "fileName": "04-本周考试试题讲解.mp4",
                            "fileType": "mp4",
                            "fileSize": 75069034.0000000000,
                            "duration": 1143.0000000000,
                            "status": "0",
                            "createdTime": "2020-02-24 19:31:17",
                            "updatedTime": "2020-02-24 19:31:17"
                        },
                        "sectionStudyStatus": "0",
                        "sectionStudyLearnTime": 0
                    }
                ],
                "sectionStudyStatus": "0",
                "sectionStudyLearnTime": 0
            }
        ],
        },
        methods: {
            goVideo(id){
                console.log(id)
            }
        }
    })
</script>

</html>